<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>群聊</title>
    <script src="./js/flexible.js"></script>
    <link rel="stylesheet" href="./css/reset.css">
    <link rel="stylesheet" href="./css/contact-service.css">
</head>

<body>
    <div class="contact-service">
        <header class="p-head">
            <a href="javascript:;" class="callback"></a>
            <h2 class="p-title">河大经管0206班级群</h2>
            <div>
                <span style="font-size:.28rem;color:#333">1888</span>
                <i class="group-icon" style="margin-left:.2rem"></i>
            </div>
        </header>
        <div class="contact-content group">
            <div class="chat-content">
                <ul class="im-chat-list">
                    <li class="jimi animated fadeInUp">
                        <i class="avatar guan"></i>
                        <div class="msg-content">听说要开校友会了</div>
                    </li>
                    <li class="jimi animated fadeInUp">
                        <i class="avatar lu"></i>
                        <div class="msg-content">几号？</div>
                    </li>
                    <li class="jimi animated fadeInUp">
                        <i class="avatar sun"></i>
                        <div class="msg-content">有谁接到邀请了？</div>
                    </li>
                    <li class="jimi animated fadeInUp">
                        <i class="avatar wu"></i>
                        <div class="msg-content">不知道</div>
                    </li>
                </ul>
            </div>
        </div>
        <div class="contact-footer">
            <div class="send-wrapper chat">
                <span><button id="tool-toggle" class="btn btn-radio"></button></span>
                <span class="cell-full"><input type="text" id="text-in" class="input input-send" maxlength="150" autocomplete="off"></span>
                <span><button id="expression-toggle" class="btn btn-video"></button></span>
                <span><button id="tool-toggle" class="btn btn-pic"></button></span>
                <span><button id="expression-toggle" class="btn btn-exp"></button></span>
                <span><button id="tool-toggle" class="btn btn-tool"></button></span>
                <!-- <span><button id="send" class="btn btn-send">发送</button></span> -->
            </div>
            <div class="question-control">
                <div class="tool-wrapper">
                    <p>
                        <a href="javascript:;">
                            <i></i>
                        </a>
                        <a href="javascript:;">
                            <i></i>
                        </a>
                        <a href="javascript:;">
                            <i></i>
                        </a>
                        <a href="javascript:;">
                            <i></i>
                        </a>
                        <a href="javascript:;">
                            <i></i>
                        </a>
                    </p>
                </div>
            </div>
        </div>
    </div>
</body>

</html>